.map-wrapper {
    padding-right: 0;
    min-height: 800px;
}
#map { width: 100%; height:100%; position: relative;}
.controls-wrapper {
    z-index: 99999;
    padding: 1em;
    background: whitesmoke;
    overflow: scroll;
}
.error {
    color: red;
}
.success {
    color: green;
}
.info {
    font-weight: bold;
}
.range_input {
    width: 100%;
}

.tab-item > label:hover {
    cursor: pointer;
}

.tab-content {
    display: none;
}

.tab-locator:nth-of-type(1):checked ~ .tab-block > .tab-item:nth-of-type(1) > label > a,
.tab-locator:nth-of-type(2):checked ~ .tab-block > .tab-item:nth-of-type(2) > label > a,
.tab-locator:nth-of-type(3):checked ~ .tab-block > .tab-item:nth-of-type(3) > label > a {
    border-bottom-color: #5764c6;
    color: #5764c6;
}

.tab-locator:nth-of-type(1):checked ~ .tabs > .tab-content:nth-of-type(1),
.tab-locator:nth-of-type(2):checked ~ .tabs > .tab-content:nth-of-type(2),
.tab-locator:nth-of-type(3):checked ~ .tabs > .tab-content:nth-of-type(3) {
    display:block;
}